<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/mobile_reset.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="stylesheet" href="../css/mui.css">
    <title>QQ修改</title>
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);
        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--修改失败弹框-->
<div class="alert">
    <div class="modal_spinner">
        <p style="padding-top: 0.45rem;">
            <a><span class="mui-spinner"></span></a>
        </p>
    </div>
    <div class="mask_layer"></div>
</div>
</body>
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/mui.js"></script>
<script>
    $(function(){
        $('.mask_layer').height(document.body.scrollHeight+30);
        $('.alert').bind('tap',function(){
            $(this).css('display','none')
        })
    })
</script>
</html>













